<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>修改用户</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <!--<link href="css/nprogress.css" rel="stylesheet">-->

  <!-- Custom Theme Style -->
  <link href="css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
<div class="container body">
  <div class="main_container">
    <div id="head">
    </div>

    <!-- top navigation -->

    <!-- /top navigation -->
    <!-- page content -->
    <div class="right_col" role="main">
      <div class="">
        <div class="page-title">
          <div class="title_left">
            <h3 style="color: green;">修改用户</h3>
          </div>

          <div class="title_right">
            <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">

            </div>
          </div>
        </div>
        <div class="clearfix"></div>

        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
              <div class="x_title">

                <div class="clearfix" style="text-align: center;"><span style="font-size: 25px;color: #000000;">修改用户信息</span></div>
              </div>
              <div class="x_content">

                <form class="form-horizontal form-label-left" novalidate>


                  <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">用户姓名 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                             data-validate-words="2" name="name" placeholder="请填写用户姓名" required="required" type="text">
                    </div>
                  </div>
                  <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">用户登录名 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input id="dlname" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                             data-validate-words="2" name="name" placeholder="请填写用户登录名" required="required" type="text">
                    </div>
                  </div>
                  <div class="item form-group" >
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">用户角色 <span class="required">*</span>
                    </label>
                    <div class=" col-xs-9" id="email3" >
                      <select >
                        <option>——请选择——</option>
                        <option>地区负责人</option>
                        <option>业务人员</option>
                      </select>
                    </div>
                  </div>
                  
                  <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="phone">用户手机号 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input type="tel" id="phone" name="email" placeholder="请填写用户手机号" required="required" class="form-control col-md-7 col-xs-12">
                    </div>
                  </div>
                  <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">用户邮箱 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input type="tel" id="email" name="email" placeholder="请填写规范的邮箱名" required="required" class="form-control col-md-7 col-xs-12">
                    </div>
                  </div>
                  <div class="item form-group" >
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">用户所在区域 <span class="required">*</span>
                    </label>
                    <div class=" col-xs-9" id="email2" >
                      <select >
                        <option>湖南</option>
                        <option>湖北</option>
                        <option>广东</option>
                      </select>
                      <select >
                        <option>长沙</option>
                        <option>岳阳</option>
                        <option>武汉</option>
                      </select>
                      <select >
                        <option>岳阳楼区</option>
                        <option>云溪区</option>
                        <option>君山区</option>
                        <option>岳阳县</option>
                      </select>
                    </div>
                  </div>
                  <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="IdCard">用户身份证号码 <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                      <input type="tel" id="IdCard" name="email" placeholder="请填写规范的身份证号码" required="required" class="form-control col-md-7 col-xs-12">
                    </div>
                  </div>
                  <div class="ln_solid"></div>
                  <div class="form-group">
                    <div class="col-md-6 col-md-offset-3">
                      <button id="send" type="submit" class="btn btn-success">保存</button>
                      <button type="submit" class="btn btn-primary" onclick="window.history.back(-1)">返回</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <!-- /page content -->

            <!-- footer content -->
            <footer>
              <div class="pull-right">
                Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
              </div>
              <div class="clearfix"></div>
            </footer>
            <!-- /footer content -->
          </div>
        </div>

        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js"></script>
        <!-- FastClick -->
        <script src="js/fastclick.js"></script>
        <!-- NProgress -->
        <script src="js/nprogress.js"></script>
        <!-- validator -->
        <script src="js/validator.js"></script>

        <!-- Custom Theme Scripts -->

        <!-- validator -->
        <script>
          $(document).ready(function(){
            $("#head").load("head.html");
          });
          // initialize the validator function
          validator.message.date = 'not a real date';

          // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
          $('form')
            .on('blur', 'input[required], input.optional, select.required', validator.checkField)
            .on('change', 'select.required', validator.checkField)
            .on('keypress', 'input[required][pattern]', validator.keypress);

          $('.multi.required').on('keyup blur', 'input', function() {
            validator.checkField.apply($(this).siblings().last()[0]);
          });

          $('form').submit(function(e) {
            e.preventDefault();
            var submit = true;

            // evaluate the form using generic validaing
            if (!validator.checkAll($(this))) {
              submit = false;
            }

            if (submit)
              this.submit();

            return false;
          });
        </script>
        <!-- /validator -->
</body>
</html>
